.right{
    border-bottom: 1px solid #330000;
    
}
.content{
    .detail{
        
        .top{
        
            margin-top: 28px;
            margin-bottom: 24px;
            color: #000000;
            font-size: 12px;
            a{
                color: #000000;
                font-size: 12px;
            }
            a:hover{
                text-decoration: underline;
            }
        }
        
        .box_left{
            width: 447px;
            height: 549px;
            float: left;
             margin-right: 40px;
            #small_box{
                width: 445px;
                height: 449px;
               
                margin-bottom: 8px;
                border: 1px solid #cccccc;
                overflow: hidden;
                position: relative;
                float: left;
                text-align: center;
                img{
                    
                   width: 100%;
                   height: 100%;
                }
                #box1{
                    width: 200px;
                    height: 200px;
                    background: #CCCCCC;
                    position: absolute;
                    opacity:0.5;
                    filter: alpha(opacity=50);
                    display:none;
                    top:0;
                    cursor: pointer;
                }
            }
            #box{
                width: 445px;
                height: 449px;
                border: 1px solid #cccccc;
                float: left;
                overflow: hidden;
                margin-left: 455px;
                position: absolute;
                display: none;
                background: #fff;
                text-align: center;
                
                z-index: 999;
            }
            ul{
            
                width: 447px;
                height: 88px;
                
                display: flex;
                justify-content: space-between;
                li{
                    width: 86px;
                    height: 86px;
                    border: 1px solid #cccccc;
                    text-align: center;
                    cursor: pointer;
                   img{
                    
                    width: 100%;
                    height: 100%;
                    
                   }
                    
                }
                .listBorder{
                    border: 2px solid #990000;
                    box-shadow:inset 0px 0px 8px #990000 ;
                    -webkit-box-shadow:inset 0px 0px 8px #990000;
                    box-shadow:  0px 0px 6px #990000;
                     -webkit-box-shadow: 0px 0px 6px #990000;
                     
                }
            }
        }
        
        .box_right{
                    float: left;
                    
                h2{
                    
                    margin-top: 11px;
                    
                }
                h3{
                    color: #CC0000;
                    font-size: 18px;
                }
                h2,h3{
                    line-height: 34px;
                }
                div{
                    width: 690px;
                    height:56px;
                    padding:10px 16px 10px 6px;
                    overflow: hidden;
                    background: #e5e5e5;
                    
                    p{
                        color:#999999;
                        font-size:14px;
                        
                        
                        &:first-child{
                        
                            margin-bottom:17px;
                            
                            b{
                                text-decoration:line-through;
                            }
                        }
                        &:nth-child(2){
                            b{
                                font-size: 18px;
                                color: #cc0000;
                            }
                        }
                        &:nth-child(3)
                        {
                            float: right;
                           font-size: 14px;
                           text-align: right;
                           position: relative;
                           bottom: 50px;
                            span{
                                color: #999999;
                               
                            }
                            i{
                                font-style: normal;
                                
                                color: #cc0000;
                                display: block;
                               
                            }
                            
                            &:nth-child(3):before{
                                content: "";
                                height: 30px;
                                width: 1px;
                                background: #999999;
                                position: absolute;
                                left: -14px;
                                margin-top: 5px;
                            }
                        }
                    }
                }
                ul 
                    {
                        margin-top: 28px;
                   li{
                    margin-bottom: 24px;
                    font-size: 14px;
                    
                    .title{
                        color: #666666;
                        margin-right: 6px;
                    }
                    
                    
                    &:nth-of-type(1){
                     select{
                        cursor: pointer;
                           font-size: 12px;
                           margin-right: 7px;
                            padding: 3px  5px  3px  6px;
                            width: 100px;
                             border: solid 1px #cccccc;
                            appearance:none;
                            -moz-appearance:none;
                            -webkit-appearance:none;
                            background:url(../images/pro_detail/list_down.png) no-repeat scroll  transparent;
                            background-position: 80px center;
                            
                    }
                    em{
                        font-style: normal; 
                        font-size: 12px;
                       }
                       
                      p{
                        font-size: 12px;
                         color:#333333;
                        margin:10px 0 0 67px;
                        b{color: #cc0000;}
                      }
                    
                    }
                   
                   &:nth-of-type(2){
                        b{
                            display: inline-block;
                                padding-left: 20px;
                                margin-right: 13px;
                                
                        }
                        span+b{
                            background: url(../images/pro_detail/seven.png) left center no-repeat;
                            color: #333333;
                          
                        }
                        span+b+b{
                             background: url(../images/pro_detail/zheng.png) left center no-repeat;
                             color: #333333;
                        }
                        span+b+b+b{
                             background: url(../images/pro_detail/king.png) left center no-repeat;
                             color: #333333;
                        }
                   }
                   
                   
                   
                   @mixin spans{
                   
                                display: inline-block;
                                border: 1px solid #CCCCCC;
                                width: 188px;
                                height: 18px;
                                
                                padding: 0 8px 0 10px;
                                b{
                                    height: 18px;
                                    padding-left: 20px;
                                    display: inline-block;
                                    background: url(../images/pro_detail/baoxian.png) no-repeat left  center;
                                    margin-right: 14px;
                                    
                                }
                                i{
                                    height: 18px;
                                    
                                    font-style: normal;
                                    padding-right: 20px;
                                    background:url(../images/register/down.png) no-repeat right center;
                                }
                            
                            
                   }
                   &:nth-of-type(3){
                       
                            ul li{
                                cursor: pointer;
                            }
                            span+span{
                                @include spans;
                                color: #333333;
                                position: relative;
                                cursor: pointer;
                               
                            }
                            span+span+ul{
                                    position: absolute;
                                    width: 188px;
                                    margin: 0 0 0 66px;
                                    
                                    display: none;
                                        li{
                                            color: #333333;
                                            background:#fff;
                                            top:0px;
                                            float: left;
                                            margin: 0;
                                            @include spans;
                                            
                                            i{
                                                background: none;
                                            }
                                        }
                                  
                            }
                           span+span+ul+span{
                            @include spans;
                                color: #333333;
                                position: relative;
                                 cursor: pointer;
                           }
                           span+span+ul+span+ul{
                                    position: absolute;
                                    width: 188px;
                                    margin: 0 0 0 278px;
                                    
                                    display: none;
                                        li{
                                            color: #333333;  
                                            background:#fff;
                                            top:0px;
                                            float: left;
                                            margin: 0;
                                             @include spans;
                                             
                                            i{
                                                background: none;
                                            }
                                        }
                                    }
                         }
                         
                         &:nth-of-type(4){
                         
                            strong{
                            cursor: pointer;
                                width: 65px;
                                height: 18px;
                                display: inline-block;
                                border: 1px solid #CCCCCC;
                                text-align: center;
                                margin-right: 15px;
                                color: #333333;
                                
                                
                            }
                         }
                         &:nth-of-type(5){
                              
                            span+span{
                                span{
                                    width: 10px;
                                    height: 10px;
                                    display: inline-block;
                                    border: 1px solid #cccccc;
                                    line-height: 10px;
                                    text-align: center;
                                    color: #999999;
                                    cursor: pointer;
                                  
                                    
                                }
                                  .lessen{
                                        margin-right: 3px;
                                    }
                                    .add{
                                        margin-left: 3px;
                                    }
                                input{
                                    width: 40px;
                                    height: 18px;
                                    line-height: 18px;
                                    text-align: center;
                                    color: #cc0000;
                                }
                            }
                            
                         }
                         
                          &:nth-of-type(6)
                          {
                            input{
                                   cursor: pointer;
                                    width: 121px;
                                    height:38px;
                                    border: 0px;
                                    color: #FFFFFF; 
                                    font-size: 18px;
                                    text-align: center;
                                &:first-child{
                                   background: #666600;
                                   margin-right: 48px;
                                }
                                &:nth-child(2){
                                    background: #cc0000;
                                    margin-right: 15px;
                                }
                            }
                            
                            span{
                                &:hover{
                                    
                                    color: #CC0000;
                                    border: 1px solid #cc0000;
                                }
                             position: relative;
                             cursor: pointer;
                            top:-2px;
                                height: 36px;
                                padding-right: 6px;
                                display: inline-block;
                                 border: 1px solid #cccccc;
                                 color: #999999;
                                 font-size: 14px;
                                 
                               
                                i{
                                    width: 21px;
                                    height: 19px;
                                    display: inline-block;
                                   margin: 10px 6px 8px;
                                   vertical-align: middle;
                                    background: url(../images/pro_detail/guanzhu.png) no-repeat left center;
                                }
                            
                               b{
                               
                                display: inline-block;
                                
                               }  
                                 
                            }
                          
                          }
                         
                     &:nth-of-type(7){
                          margin-top: 34px;
                            span:first-child{
                                &:hover{
                                    
                                    color: #CC0000;
                                    border: 1px solid #cc0000;
                                }
                             position: relative;
                             cursor: pointer;
                             text-align: center;
                                line-height: 36px;
                                height: 36px;
                               width: 97px;
                                display: inline-block;
                                 border: 1px solid #cccccc;
                                 color: #999999;
                                 font-size: 14px;
                                vertical-align: top;
                                float: left;
                               margin-right: 8px;
                                i{
                                    width: 21px;
                                    height: 19px;
                                    display: inline-block;
                                    margin-right: 7px;
                                    margin-bottom: 2px;
                                   vertical-align: middle;
                                    background: url(../images/pro_detail/share.png) no-repeat left center;
                                }
                            
                               b{
                               
                                 display: inline-block;
                                
                               }  
                                 
                            }
                            span+span{
                                    
                                    width: 183px;
                                    height: 38px;
                                    display: inline-block;
                                    background:#e5e5e5 ;
                                   
                                    line-height: 40px;
                                    display: flex;
                                    justify-content: space-around;
                                    align-items: center;
                                    a{
                                          width: 29px;
                                        height: 29px;
                                        display: inline-block;
                                        
                                        
                                        &:first-child{
                                        background: url(../images/pro_detail/kongjian.png) no-repeat; 
                                        }
                                        &:nth-child(2){
                                         background: url(../images/pro_detail/qq.png) no-repeat;
                                        }
                                        &:nth-child(3)
                                        {
                                            background: url(../images/pro_detail/weixin.png) no-repeat;
                                        }
                                         &:nth-child(4)
                                        {
                                            background: url(../images/pro_detail/weibo.png) no-repeat;
                                        }
                                    }
                               
                                        
                                   
                                   
                            }
                          
                          }
                         
                    }   
                 }
                
            
        }
    }
    
    .recommend{
        height: 284px;
        margin-top: 66px;
        position: relative;
        h3{
            background: #FFFFFF;
           position: absolute;
            padding-top: 7px;
            top:1px;
            z-index: 999;
            font-size: 18px;
            color: #cc0000;
            width: 127px;
            height: 37px;
            text-align: center;
           
            border:{
                top:1px solid #cc0000;
                left:1px solid #cccccc;
                right:1px solid #cccccc;
                
            }
        }
        
        ul{
            position: relative;
            top:45px;
            z-index: 1;
            width: 1200px;
            display: flex;
            justify-content: space-around;
            align-items: center;
            height: 240px;
            border:1px solid #cccccc;
            
            li{
                width: 198px;
                height:151px;
                
                background: #FFFFFF;
                text-align: center;
                border: {
                    
                    top:1px solid #cccccc;
                    left:1px solid #cccccc;
                    right:1px solid #cccccc;
                    bottom: 28px solid #cccccc;
                    
                }
               p{
                  color: #CC0000;
                  
                  font-size: 18px;
               }
            }
        }
    }
    
    
    .stores{
        margin-top: 20px;
        float: left;
        div{
            width: 250px;
            height: 78px;
            text-align: center;
            line-height: 78px;
            color: #cc0000;
            font-size: 20px;
            background:#cccccc ;
            border-bottom:2px solid #cc0000;
            margin-bottom: 19px;
        }
        ul{
            li{
                 width: 250px;
                 height: 244px;
                  
                 background: #e5e5e5;  
                 text-align: center;
                 margin-bottom: 28px;
                 img{
                    margin-top: 15px;                           
                 }
                   
                 p{
                     font-size:18px;
                    &:nth-of-type(1){
                       color:#000000;
                        
                    }
                    &:nth-of-type(2){
                        
                        color: #cc0000;
                    }
                }
                
                   &:nth-of-type(2){
                    p:nth-of-type(1){
                        margin-top: 22px;
                    }
                    
                }
                
                     &:nth-of-type(3){
                         img{
                             margin-top: 26px;
                         }
                    p:nth-of-type(1){
                        margin-top: 24px;
                    }
                    
                }
                
                &:nth-of-type(4){
                         img{
                             margin-top: 24px;
                         }
                    p:nth-of-type(1){
                        margin-top: 42px;
                    }
                    
                }
                 &:nth-of-type(5), &:nth-of-type(6){
                         
                    p:nth-of-type(1){
                        margin-top: 52px;
                    }
                    
                }
            }
           
        }
    }
    
    .stores_Right{
        width:932px;
        margin-top: 20px;
        float: right;
        .Nav{
             ul{
            width:932px;
            height:78px;
            border-bottom: 2px solid #000000;
            display: flex;
            justify-content: space-around;
            background: #e5e5e5;
            
            li{
                cursor: pointer;
                width:194px;
                height: 78px;
                
                color: #000000;
                font-size: 22px;
                text-align: center;
               line-height: 78px;
            }
            .tab-active{
                background: #000000;
                color: #fff;
            }
        }
        }
       
        .tabs-content{
         
            .on{
                display: block !important;
            }
            
                //shangpinxiangqing
                .commodity_details{
                    display: none;
                          .banner{
                        margin-top: 30px;
                        margin-bottom: 45px;
                        width: inherit;
                        img{
                            width: 932px;
                            height: 169px;
                        }
                    }
        
        
                            ol{
                                padding-left: 37px;
                                li{
                                    width: 783px;
                                    margin-top: 30px;
                                    padding-bottom: 30px;
                                    border-bottom:1px dashed  #cc0000;
                                    
                                    .title{
                                        margin-bottom: 40px;
                                        span{
                                            width: 18px;
                                            height: 18px;
                                            display: inline-block;
                                            margin-right: 16px;
                                            border-radius: 50%;
                                            background: #ff6633;
                                        }
                                        b{
                                            color: #000000;
                                            font-size: 36px;                        
                                        }
                                    }
                                    
                                    &:last-of-type{
                                        padding-bottom: 88px;
                                        border-bottom: 0;
                                    }
                                }
                                
                                }
                        }
                        
                        
                 //pingjia 
               .evaluate{
                    display: none;
                .impression{
                    width: 100%;
                    height: 243px;
                    border: 1px solid #cccccc;
                    margin: 18px 0 27px 0;
                    div{
                        &:first-child{
                            float: left;
                            width: 200px;
                            height: 195px;
                            
                            margin-top:27px;
                            text-align: center;
                            
                            h1{
                                margin-top: 60px;
                                font-size: 48px;
                            }
                            h1,h2{
                                color: #CC0000;
                            }
                          
                        }
                        &:nth-child(2)
                        {
                            float: left;
                            width:24px;
                            height: 198px;
                            margin-top: 27px;
                           margin-bottom: 22px;
                           line-height: 24px;
                            background: url(../images/pro_detail/beijing1.png) no-repeat center;
                            h2{
                                
                                margin-top:50px;
                                color: #cccccc;
                            }
                        }
                        &:nth-child(3){
                            float: left;
                            margin-left: 76px;
                             ol{
                                 margin-top: 40px;
                           display: flex;
                           justify-content: space-between;
                           flex-wrap: wrap;
                            width: 548px;
                            height: 182px;
                            li{
                                width: 160px;
                                height: 30px;
                                border: 1px solid #666666;
                                
                                text-align: center;
                                line-height: 30px;
                                a{
                                    color: #666666;
                                    font-size: 16px;
                                }
                                a:hover{
                                    color:#CC0000;
                                }
                            }
                                }
                        }
                    }
                   
                    }
               .comments_section{
                .tab{
                    width: 100%;
                    height:33px;
                    background: #e5e5e5;
                    ul{
                        width: 496px;
                        height: 32px;
                        display: flex;
                        border-bottom: none;
                        li{
                            width: 98px;
                            height: 30px;
                            border:1px solid #999999;
                            border-right:none; 
                            text-align: center;
                            line-height:30px; 
                            &:last-of-type{
                                border-right: 1px solid #999999;
                            }
                            
                            a{
                                color: #000000;
                                font-size: 16px;
                               
                            }
                             &:hover{
                                border-top:2px solid #cc0000;
                                a{
                                    color: #cc0000;
                                }    
                             }
                        }
                        .active{
                            border-top:2px solid #cc0000;
                            a{
                                    color: #cc0000;
                            } 
                        }
                    }
                }
                .tab_main{
                .tab_active{
                    display: block;
                }
                div:first-child{
                    ol{
                        width: 100%;
                        
                        li{
                            padding-top: 48px;
                            padding-bottom: 68px;
                            border-bottom: 1px solid #cccccc;
                            overflow: hidden;
                            .header_info{
                                float: left;
                                width:151px;
                                
                                margin-left: 32px;
                                
                                
                                span{
                                    display:inline-block;
                                    width: 42px;
                                    height: 42px;
                                    img{
                                        max-width: 100%;
                                        max-height: 100%;
                                    }
                                }
                                b{
                                   
                                    color: #666666;
                                    font-size:16px;
                                }
                                h3{
                                   
                                    color: #666666;
                                    font-size: 18px;
                                }
                                .member{
                                    color: #ebc264;
                                }
                            }
                            .comments_info{
                                float: left;
                                width: 749px;
                                
                                
                                p{
                                    
                                    color: #666666;
                                    font-size: 16px;
                                }
                                p:nth-child(2){
                                     a{
                                    margin-right: 34px;
                                    margin-top: 17px;
                                   width: 78px;
                                   height: 78px;
                                   display: inline-block;
                                   img{
                                       width: 100%;
                                       height: 100%;
                                   }
                                }
                                }
                               
                            }
                        }
                    }
                    
                }
                    }
            
                     .page{
                        margin-top: 68px;
                        margin-bottom: 45px;
                        
                        }
            
                }
                    
            }
                  
                 
             
             
           
            
        }
       
    }
    
}
